<div th:replace="~{ app :: layout ('博客标题', _, ~{::#main}, _) }" xmlns:th="http://www.thymeleaf.org">
    <main id="main" class="my-2rem">
        <article class="blog-show container">
            <div class="row">
                <div class="col-lg-8">
                    <h1>maven 加速，修改镜像源</h1>
                    <p class="meta text-muted mb-2rem"><a href="#">admin</a> - 2024-11-18 08:35:28</p>
                    <div class="animate__animated animate__fadeInLeft">
                        <h3 id="what">What</h3>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <h4 id="are">are</h4>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <h4 id="you">you</h4>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <h3 id="doing">Doing</h3>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <h4 id="now">now</h4>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                        <h4 id="blablabla">blablabla...</h4>
                        <p>正文显示在这...</p>
                        <p>正文显示在这...</p>
                    </div>
                </div>

                <div class="col-lg-3 offset-lg-1">
                    <div id="outline"
                         class="sticky-top d-none d-lg-block animate__animated animate__fadeInRight animate__delay-1s">
                        <ul>
                            <li>
                                <a href="#what">What</a>
                                <ul>
                                    <li><a href="#are">are</a></li>
                                    <li><a href="#you">you</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#doing">Doing</a>
                                <ul>
                                    <li><a href="#now">now</a></li>
                                    <li><a href="#blablabla">blablabla...</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </article>
    </main>
</div>